Masuk kedalam flutter 

Bisa new fluter 

Pilih aplication 

Buat project melalui terminal 

flutter crate hello worid 

maka folder android 

adalah sebuah kompenen misalkan buat android maka ada semua disni 
disini untuk menstetting untuk mebangung aplikasi android 

ios sama dengan juga 

lib adalah library 

ini adalah tempat berputar disini buat program di library 

kita banyak mengunakan library ini 

semua program itu dimasukkan didalam folder libray 

ada folder test untuk testing 

ini untuk pemula tidak masuk ke folder ini 

web sama dgn android dan ios untuk konfigurasi web kalau mau bikin aplikasi web 
dgn flutter 

gitu juga dgn windows 


main.dart ini adalah bawaan dari flutter 
didalam main dart kita hapus saja 
selanjutnya bikin project dari awal 


buat aplikasi dari awal 
buka dahulu emulator dan sudah di indeteksi dari vs code 
dan kemudian hapus folder test silakan hapus 
buka main dart masihh kosong 
karna buat dari awal 
pertama buat void main()4 
runApp(); 


Adalah function ini adalah fungsi pertama kali dijalankan 

Main ini menjalankan fungsi runApp() ini adalah fungsi yg menjalankan aplikasi kita 
RunApp ini tidak menjalankan karena belum di import material design nyam aka 
kita import dahulu 

Di atas 

Import ‘package:flutter/material.dark’ 

maka sudah men import sekarang ruapp bisa jalan diarah kursor pada runapp maka 
butuh widget 

runapp ini membutuh widget 

kita buat class nya 

bisa menggunakan snipet stl pilih yg stateless 

kemudian ketik MyApp 

jadi MyApp ini kelas turunan dari StatelessWidget 

jadi ada 2 macam Stateles dan statefull 


untuk sementara gunakan Statesswidget 

kita buat MyApp adalah class untuk aplikasi 

dia mempunyai construuktor atau key sudah otomatis 

kemudian dia override method build adalah mengembalikan widget 
widget yg direturn adalah sebuah tampilan kita 

kita bukan tampil contener tapi MaterialApp 

ini adalah pondasi Ketika membuat aplikasi 

didalamnya banyak property bisa mengatur thema dan root nya sepeti apa 
nanti dibahas apay g sering dipakai 

wajib dipakai adalah property home 

home: Text( “hello word”); 

adalah tampilan aplikasi kita dia butuh widget 

kasih widget Text(“”) membutuhkan string untuk text kita sendiri 
cukup gini 

di runApp kita jalankan 

runApp(Myapp0): 

maka menjalan kan MyApp ini untuk menjalankan heloo world 
maka diakan proses lama 

diakan build gradel dahulu 


maka aplikasi sudah berjalan 


Tetapi kenapa tidak cukup menarik 
Karna kita mengunakan wiget MaterialApp 
Dan mengunakan property home disini 
Agar lebih indah mengunakan 
Widget 
Home: Scaffold( 
Body: Text( “Hello Word”): 
), 
Scaffold agar aplikasi mengunakan property sendiri maka ada perbedaan 
Maka teks nya berada diatas jika membuat di tengah mengunakan 
Widget center 
Kemudian dia mempunyai property child membutuhkan widget 
Maka dilangsung ketengah 


DEBUG CONSOLE 


Ketika mengunakan scaffold 

Agar kita mempunyai design agar menarik 

Nah scaffold bukan mempunya body tapi mempunyai appBar : 

Membutuhkan widget AppBarl): 

Tetapi kita pakai adalah title: butuh widget text( “hello wordl”) 
& main.dart X $ 


« n.da MyAp 


class MyApp extends StatelessWidget { 


const MyApp(4Key? key}) : super(key: key); 


@override 
Widget build(BuildContext context) { 
return Mate 
home: Scaffold( 
appBar: AppBar( 


DEBUG CONSOLE 


Maka sudah memiliki appbar 
Appbar membuat aplikasi agar lebih indah 


Kali mengenal Package 

Itu adalah sebuah tools yg banyak membantu untuk membnagun aplikasi 
Jadi dgn package ini kita bisa mengunakan widget sebelum tidak disediakan flutter 
Untuk melihat package bisa buka di pubspec.yaml 

Disini banyak sekali catatan2 ini bisa dihapus kita hanya 

Defensi aja 

Disini ada informasi nama aplikasi kita lalu ada descripsinya 

Terus ada version berapa 

Kemudian ada environment yaitu sdk kita gunakan 2.16 

Ada Namanya depencies tempat menaruh package 

Depencies ada 2 

Ada depencies dan dev devencies 


Depencies ini kita menginstal sebuah package yg berfungsi untuk menambahkan 
fitur aplikasi kita 

Misal kan fluter tidak widget kalender 

Maka diharus widget kalender dari awal 

Kita bisa mengunakan package sudah disediakan fluter 

Bisa diinstalkan di depencies 

Sedangkan dev depencies 

Dia mengunakan untuk development contohnya adalah flutter test 
Untuk menambahkan semua fitur tambahakn di aplikasi taruh di depencies 
Misal kan menginstal satu package buka 

Pub.dev 

Maka banyak sekali dibawahnya 

Maka kita akan meninstal 

Flutte screenutil 5.4.0 

Membuat aplikasi layout nya responsive 

Kita salin kita taruh di depencies 

Paste 

Pastikan sejajar dgn fluter 

Tingal instal maka save saja 

Maka dia otomatis mendownload 

Tapi jika di android studio biasa nya maka ada tombol package klik saja 
Maka sudah selesai instal package flutter screenutil 

Maka itu adalah sebuah package 


Kedepan banyak mengunakan package 
Sangat membantu pada mabangun aplikasi 


